<template>
  <!--视频相关 -->
  <div>
    <el-card class="box">
      <div class="se">
        <div v-for="item in xx" :key="item.id">
          <img
            :src="baseurl+item.url"
            alt="图片"
          />
          <p class="name">{{item.name}}</p>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import {getmovie} from '@/api/userone'
export default {
  created(){
    this.getdata();
  },
  data(){
    return{
      xx:[],
      baseurl:"http://127.0.0.1:7001",
    }
  },
  methods:{
    getdata(){
      getmovie(sessionStorage.getItem("id")).then(res =>{
        if (res.code == 0) {
          this.xx = res.data1;
        }
      })
    }
  }
};
</script>

<style lang="scss" scoped>
.box {
  width: 1200px;
  margin: 0 auto;
  .se {
       display: flex;
       justify-content: left;
       align-items: center;
       flex-wrap: wrap;
    div {
        margin: 0 15px 15px 0;
      img {
        width: 150px;
        height: 200px;
      }
    }
  }
}
</style>